<%--
  Created by IntelliJ IDEA.
  User: 61741
  Date: 2017/12/5
  Time: 23:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>购物车</title>
    <meta charset="utf-8">
    <jsp:include page="../common/portal-head.jsp"></jsp:include>
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/buycart.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/font-awesome.min.css">
</head>
<body>
<div class="page-container">
    <jsp:include page="../portal/topmenu.jsp"></jsp:include>
    <div class="content-wrap">
        <div class="stepline">
            <div class="first-step">
                <dt class="step-num">1</dt>
                <dd class="step-text">选择商品</dd>
            </div>
            <div class="second-step">
                <dt class="step-num">2</dt>
                <dd class="step-text" id="step-text-2">选择支付方式</dd>
            </div>
            <div class="third-step">
                <dt class="step-num">3</dt>
                <dd class="step-text">扫码支付</dd>
            </div>
        </div>
        <div class="cart-wrap">
            <ul id="cart-title">
                <li id="li-checkbox"><label><input type="checkbox" name="" class="check-all">全选</label></li>
                <li id="goods-info"><label>商品信息</label></li>
                <li id="goods-price"><label>单价</label></li>
                <li id="goods-num"><label>数量</label></li>
                <li id="total-price"><label>金额</label></li>
                <li id="goods-do"><label>操作</label></li>
            </ul>
            <div class="goods">
                <div class="check-of-shop">
                    <label><input type="checkbox" name="" class ="check-shop">古今内衣批发商</label>
                </div>
                <div class="goods-list">
                    <div class="g-checkbox">
                        <input type="checkbox" name="" class="check-one">
                    </div>
                    <div class="g-info">
                        <div class="g-info-img">
                            <img src="${ctx}/resources/portal/img/banner/goodcart_info_1.jpg">
                        </div>
                        <div class="g-inf-msg">
                            <div class="info-msg-dsc">
                                <a>古今全罩杯上薄下厚舒适无钢圈三角杯聚拢没背文胸内衣</a>
                            </div>
                        </div>
                        <div class="info-msg-color">
                            <span class="msg-color">颜色分类:黑色</span>
                            <span class="msg-size">尺码:80c</span>
                        </div>
                    </div>
                    <div class="g-price">
                        <span>￥138</span>
                    </div>
                    <div class="goods-num">
                        <div class="num-outline">
                            <a  class="num-reduce"><i class="fa fa-minus"></i></a>
                            <input type="text" name="" class="num-input">
                            <a class="num-add"><i class="fa fa-plus"></i></a>
                        </div>
                    </div>
                    <div class="g-total">
                        <span>￥138</span>
                    </div>
                    <div class="go-do">
                        <a class="del-goods">删除</a>
                    </div>
                </div>
                <div class="goods-list">
                    <div class="g-checkbox">
                        <input type="checkbox" name="" class="check-one">
                    </div>
                    <div class="g-info">
                        <div class="g-info-img">
                            <img src="${ctx}/resources/portal/img/banner/goodcart_info_1.jpg">
                        </div>
                        <div class="g-inf-msg">
                            <div class="info-msg-dsc">
                                <a>古今全罩杯上薄下厚舒适无钢圈三角杯聚拢没背文胸内衣</a>
                            </div>
                        </div>
                        <div class="info-msg-color">
                            <span class="msg-color">颜色分类:黑色</span>
                            <span class="msg-size">尺码:80c</span>
                        </div>
                    </div>
                    <div class="g-price">
                        <span>￥138</span>
                    </div>
                    <div class="goods-num">
                        <div class="num-outline">
                            <a  class="num-reduce"><i class="fa fa-minus"></i></a>
                            <input type="text" name="" class="num-input">
                            <a class="num-add"><i class="fa fa-plus"></i></a>
                        </div>
                    </div>
                    <div class="g-total">
                        <span>￥138</span>
                    </div>
                    <div class="go-do">
                        <a class="del-goods">删除</a>
                    </div>
                </div>
                <div class="check-of-shop">
                    <label><input type="checkbox" name="" class ="check-shop">古今内衣批发商</label>
                </div>
                <div class="goods-list">
                    <div class="g-checkbox">
                        <input type="checkbox" name="" class="check-one">
                    </div>
                    <div class="g-info">
                        <div class="g-info-img">
                            <img src="${ctx}/resources/portal/img/banner/goodcart_info_1.jpg">
                        </div>
                        <div class="g-inf-msg">
                            <div class="info-msg-dsc">
                                <a>古今全罩杯上薄下厚舒适无钢圈三角杯聚拢没背文胸内衣</a>
                            </div>
                        </div>
                        <div class="info-msg-color">
                            <span class="msg-color">颜色分类:黑色</span>
                            <span class="msg-size">尺码:80c</span>
                        </div>
                    </div>
                    <div class="g-price">
                        <span>￥138</span>
                    </div>
                    <div class="goods-num">
                        <div class="num-outline">
                            <a  class="num-reduce"><i class="fa fa-minus"></i></a>
                            <input type="text" name="" class="num-input">
                            <a class="num-add"><i class="fa fa-plus"></i></a>
                        </div>
                    </div>
                    <div class="g-total">
                        <span>￥138</span>
                    </div>
                    <div class="go-do">
                        <a class="del-goods">删除</a>
                    </div>
                </div>
                <div class="goods-list">
                    <div class="g-checkbox">
                        <input type="checkbox" name="" class="check-one">
                    </div>
                    <div class="g-info">
                        <div class="g-info-img">
                            <img src="${ctx}/resources/portal/img/banner/goodcart_info_1.jpg">
                        </div>
                        <div class="g-inf-msg">
                            <div class="info-msg-dsc">
                                <a>古今全罩杯上薄下厚舒适无钢圈三角杯聚拢没背文胸内衣</a>
                            </div>
                        </div>
                        <div class="info-msg-color">
                            <span class="msg-color">颜色分类:黑色</span>
                            <span class="msg-size">尺码:80c</span>
                        </div>
                    </div>
                    <div class="g-price">
                        <span>￥138</span>
                    </div>
                    <div class="goods-num">
                        <div class="num-outline">
                            <a  class="num-reduce"><i class="fa fa-minus"></i></a>
                            <input type="text" name="" class="num-input">
                            <a class="num-add"><i class="fa fa-plus"></i></a>
                        </div>
                    </div>
                    <div class="g-total">
                        <span>￥138</span>
                    </div>
                    <div class="go-do">
                        <a class="del-goods">删除</a>
                    </div>
                </div>
            </div>
            <div class="balance-wrap">
                <div class="check-option">
                    <label><input type="checkbox" name="" class="check-all">全选</label>
                </div>
                <div class="do-option">
                    <a id="del-checked">删除选中商品</a>
                    <a id="del-valid">移除无效商品</a>
                </div>
                <div class="num-option">
                    <lable>已选择<span>0</span>件商品</lable>
                </div>
                <div class="price-option">
                    <lable>商品总价：<span>￥138</span></lable>
                    <lable>运费总价：<span>￥138</span></lable>
                </div>
                <div class="go-option">
                    <a href="" id="balance-button">去结算</a>
                </div>
            </div>
            <div class="goods-advise">
                <div class="advise-title">
                    <h1>产品推荐</h1>
                    <img src="${ctx}/resources/portal/img/buycart_next.png">
                    <img src="${ctx}/resources/portal/img/buycart_pre.png">
                </div>
                <div class="sale-goods-item">
                    <div class="goods-item-pic">
                        <img src="${ctx}/resources/portal/img/banner/buycart_advise_01.jpg">
                    </div>
                    <div class="goods-item-info">
                        <div class="goods-name">
			                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
			                	</span>
                        </div>
                        <div class="goods-price">
                            <span >￥99</span>
                        </div>
                        <div class="add-cart">
                            <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart_black.png">加入购物车</span>
                        </div>
                    </div>
                </div>
                <div class="sale-goods-item">
                    <div class="goods-item-pic">
                        <img src="${ctx}/resources/portal/img/banner/buycart_advise_01.jpg">
                    </div>
                    <div class="goods-item-info">
                        <div class="goods-name">
			                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
			                	</span>
                        </div>
                        <div class="goods-price">
                            <span >￥99</span>
                        </div>
                        <div class="add-cart">
                            <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart_black.png">加入购物车</span>
                        </div>
                    </div>
                </div>
                <div class="sale-goods-item">
                    <div class="goods-item-pic">
                        <img src="${ctx}/resources/portal/img/banner/buycart_advise_01.jpg">
                    </div>
                    <div class="goods-item-info">
                        <div class="goods-name">
			                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
			                	</span>
                        </div>
                        <div class="goods-price">
                            <span >￥99</span>
                        </div>
                        <div class="add-cart">
                            <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart_black.png">加入购物车</span>
                        </div>
                    </div>
                </div>
                <div class="sale-goods-item">
                    <div class="goods-item-pic">
                        <img src="${ctx}/resources/portal/img/banner/buycart_advise_01.jpg">
                    </div>
                    <div class="goods-item-info">
                        <div class="goods-name">
			                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
			                	</span>
                        </div>
                        <div class="goods-price">
                            <span >￥99</span>
                        </div>
                        <div class="add-cart">
                            <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart_black.png">加入购物车</span>
                        </div>
                    </div>
                </div>
                <div class="sale-goods-item">
                    <div class="goods-item-pic">
                        <img src="${ctx}/resources/portal/img/banner/buycart_advise_01.jpg">
                    </div>
                    <div class="goods-item-info">
                        <div class="goods-name">
			                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
			                	</span>
                        </div>
                        <div class="goods-price">
                            <span >￥99</span>
                        </div>
                        <div class="add-cart">
                            <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart_black.png">加入购物车</span>
                        </div>
                    </div>
                </div>
                <div class="sale-goods-item">
                    <div class="goods-item-pic">
                        <img src="${ctx}/resources/portal/img/banner/buycart_advise_01.jpg">
                    </div>
                    <div class="goods-item-info">
                        <div class="goods-name">
			                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
			                	</span>
                        </div>
                        <div class="goods-price">
                            <span >￥99</span>
                        </div>
                        <div class="add-cart">
                            <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart_black.png">加入购物车</span>
                        </div>
                    </div>
                </div>
                <div class="sale-goods-item">
                    <div class="goods-item-pic">
                        <img src="${ctx}/resources/portal/img/banner/buycart_advise_01.jpg">
                    </div>
                    <div class="goods-item-info">
                        <div class="goods-name">
			                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
			                	</span>
                        </div>
                        <div class="goods-price">
                            <span >￥99</span>
                        </div>
                        <div class="add-cart">
                            <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart_black.png">加入购物车</span>
                        </div>
                    </div>
                </div>
                <div class="sale-goods-item">
                    <div class="goods-item-pic">
                        <img src="${ctx}/resources/portal/img/banner/buycart_advise_01.jpg">
                    </div>
                    <div class="goods-item-info">
                        <div class="goods-name">
			                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
			                	</span>
                        </div>
                        <div class="goods-price">
                            <span >￥99</span>
                        </div>
                        <div class="add-cart">
                            <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart_black.png">加入购物车</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript">
</script>
</body>
</html>